﻿<UserControl x:Class="Microsoft.ProductivityHub.SilverlightBookshelf.Bookshelf"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:Microsoft.ProductivityHub.SilverlightBookshelf"
    mc:Ignorable="d"
    d:DesignHeight="340" d:DesignWidth="640" Width="640">
    <UserControl.Resources>

    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="Transparent" Width="Auto">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <StackPanel x:Name="BookshelfPanel" HorizontalAlignment="Left" Margin="2,1,0,0" Width="636" Height="340" Orientation="Horizontal" UseLayoutRounding="True" Background="#FFF1F1F1" VerticalAlignment="Top" Grid.Row="0">
            <Border Background="{Binding Path=ButtonGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" x:Name="Tab1" Height="340" Width="36" BorderBrush="#FFF1F1F1" BorderThickness="1" CornerRadius="2" MouseLeftButtonDown="Tab1_MouseLeftButtonDown" VerticalAlignment="Top" Canvas.ZIndex="20">
                <Border.Effect>
                    <DropShadowEffect Direction="300" ShadowDepth="1" Color="#FFAEAEAE" BlurRadius="15"/>
                </Border.Effect>
                <Grid x:Name="Grid1" Background="{Binding Path=ContentGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}">
                    <local:VerticalTab x:Name="TabTitle1" Opacity="0" TabTitle="Featured Video" TabImageSource="../Images/Icon-Video1.png"></local:VerticalTab>
                    <Grid x:Name="TabContent1" Height="340" Width="526" Visibility="Visible">
                        <local:FeaturedVideoControl x:Name="FeaturedVideoControl1"></local:FeaturedVideoControl>
                    </Grid>   
                </Grid>
            </Border>
            <Border Background="{Binding Path=ButtonGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" x:Name="Tab2" Height="340" Width="36" BorderBrush="#FFF1F1F1" BorderThickness="1" CornerRadius="2" MouseLeftButtonDown="Tab2_MouseLeftButtonDown" VerticalAlignment="Top" Canvas.ZIndex="15">
                <Border.Effect>
                    <DropShadowEffect Direction="300" ShadowDepth="1" Color="#FFAEAEAE" BlurRadius="15"/>
                </Border.Effect>
                <Grid x:Name="Grid2">
                    <local:VerticalTab x:Name="TabTitle2" TabTitle="Featured Content" TabImageSource="../Images/Icon-Content1.png"></local:VerticalTab>
                    <Grid x:Name="TabContent2" Height="340" Width="526"  Visibility="Collapsed">
                        <local:FeaturedContentControl x:Name="FeaturedContentControl1"></local:FeaturedContentControl>
                    </Grid>
                </Grid>
            </Border>
            <Border Background="{Binding Path=ButtonGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" x:Name="Tab3" Height="340" Width="36" BorderBrush="#FFF1F1F1" BorderThickness="1" CornerRadius="2" MouseLeftButtonDown="Tab3_MouseLeftButtonDown" VerticalAlignment="Top" Canvas.ZIndex="10">
                <Border.Effect>
                    <DropShadowEffect Direction="300" ShadowDepth="1" Color="#FFAEAEAE" BlurRadius="15"/>
                </Border.Effect>
                <Grid x:Name="Grid3">
                    <local:VerticalTab x:Name="TabTitle3" TabTitle="My Favorites" TabImageSource="../Images/Icon-MyFavs1b.png"></local:VerticalTab>
                    <Grid x:Name="TabContent3" Height="340" Width="526"  Visibility="Collapsed">
                        <local:MyFavoritesControl x:Name="FavoritesControl1"></local:MyFavoritesControl>
                    </Grid>
                </Grid>
            </Border>
            <Border Background="{Binding Path=ButtonGradientBrush, Mode=OneWay, Source={StaticResource HubColorsDataSource}}" x:Name="Tab4" Height="340" Width="36" BorderBrush="#FFF1F1F1" BorderThickness="1" CornerRadius="2" MouseLeftButtonDown="Tab4_MouseLeftButtonDown" VerticalAlignment="Top" Canvas.ZIndex="5">
                <Border.Effect>
                    <DropShadowEffect Direction="300" ShadowDepth="1" Color="#FFAEAEAE" BlurRadius="15"/>
                </Border.Effect>
                <Grid x:Name="Grid4">
                    <local:VerticalTab x:Name="TabTitle4" TabTitle="Top Rated" TabImageSource="../Images/hub-sketch-rated1.png"></local:VerticalTab>
                    <Grid x:Name="TabContent4" Height="340" Width="526"  Visibility="Collapsed">
                        <local:TopRatedControl x:Name="TopRatedControl1"></local:TopRatedControl>
                    </Grid>
                </Grid>
            </Border>
        </StackPanel>
    </Grid>
    
</UserControl>
